﻿@model ZJK.Models.ExtractManage.vmExtractIndex
@{
    ViewBag.Title = "专家抽取";
}
<h2>
    专家抽取</h2>
<a href="javascript:saveExtractData();" class="btn">提交</a>
@Styles.Render("~/Scripts/ztree/zTreeStyle.css")
@Scripts.Render("~/Scripts/ztree/jquery.ztree.all-3.5.min.js")
<script type="text/javascript" src="@Url.Content("~/Scripts/extract.js")"></script>
<script type="text/javascript">
    $(document).ready(function () {
        // 初始化折叠控件
        $("#accordion").accordion({ header: "h3" });

        //初始化专家分类树形
        getCategorys('@Url.Content("~/Extract/getCategorysJson")');
    });

    //定义获取备选专家的连接地址字符串
    var strUrlgetExpertsBXn = '@Url.Content("~/Extract/GetExpertIDsn")';
    var strUrlgetExpertsBX = '@Url.Content("~/Extract/GetExperts")';
</script>
@using (Html.BeginForm("Index", "Extract", FormMethod.Post, new { id = "formOP" }))
{
    @Html.HiddenFor(model => model.selectedProjectIDs, new { @id = "selectedProjectIDs" })
    @Html.HiddenFor(model => model.selectedCategorys, new { @id = "selectedCategorys" })
    @Html.HiddenFor(model => model.selectedProfessions, new { @id = "selectedProfessions" })
    <div id="accordion">
        <div>
            <h3>
                <a href="#">项目选择</a></h3>
            <div>
                <div style="position: relative; width: 100%;">
                    <div class="ui-widget-header ui-corner-all" style="width: 25%; float: left; padding: 0.7em;">
                        <b>项目名称查询条件：</b></div>
                    <div class="ui-corner-all" style="width: 25%; float: right; padding: 0.7em;">
                        <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                        输入项目编号或项目名称查询条件，进行模糊查询；
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="margin-left: 28%; margin-right: 28%;
                        padding: 0.7em;">
                        <input id="queryStringProject" type="text" style="width: 200px" />&nbsp;&nbsp;&nbsp;&nbsp;<a
                            href="javascript:getProjects('@Url.Content("~/Extract/GetProjects")');" class="btn"><span
                                class="ui-icon ui-icon-search" style="float: left; margin-right: .3em;"></span>搜索</a>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div style="position: relative; width: 100%; margin: 0.7em 0;">
                    <div class="ui-widget-header ui-corner-all" style="width: 25%; float: left; padding: 0.7em;">
                        <b>专家抽取项目关联项目列表：</b></div>
                    <div class="ui-corner-all" style="width: 25%; float: right; padding: 0.7em;">
                        <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                        勾选项目，将本次抽取记录关联勾选的项目评标评委信息；
                        <p>
                            <b>注意：</b>如果勾选的项目已存在专家抽取信息，原抽取信息将被覆盖。</p>
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="margin-left: 28%; margin-right: 28%;
                        top: 0px; padding: 0.7em;">
                        <div>
                            请勾选以下项目：</div>
                        <div id="project_list" style="height: 200px; overflow: scroll;">
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <h3>
                <a href="#">抽取选项</a></h3>
            <div>
                <div class="ui-widget-content ui-corner-all" style="width: 48%; float: left; padding: 0.7em;">
                    <div class="ui-widget-header ui-corner-all" style="padding: 0.7em;">
                        <span style="font-size: 1.5em; margin-left: 20px;">专业</span>专家抽取选项</div>
                    <div class="ui-corner-all">
                        <table>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    专业：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <input type="text" style="width: 90%;" id="txtProfessionalZY" />
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    分类：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <div class="ui-corner-all" style="margin-right: 0; padding: 0.3em; height: 120px;
                                        width: 90%; overflow: scroll; background-color: #fff;">
                                        <ul id="treeCategoryZY" class="ztree">
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    数量：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <input type="text" style="width: 100px;" id="txtCountZY" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="ui-widget-content ui-corner-all" style="margin-left: 52%; padding: 0.7em;">
                    <div class="ui-widget-header ui-corner-all" style="padding: 0.7em;">
                        <span style="font-size: 1.5em; margin-left: 20px;">经济</span>专家抽取选项
                    </div>
                    <div class="ui-corner-all">
                        <table>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    专业：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <input type="text" style="width: 90%;" id="txtProfessionalJJ" />
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    分类：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <div class="ui-corner-all" style="margin-right: 0; padding: 0.3em; height: 120px;
                                        width: 90%; overflow: scroll; background-color: #fff;">
                                        <ul id="treeCategoryJJ" class="ztree">
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: text-top; width: 1%; white-space: nowrap; padding: 5px;">
                                    数量：
                                </td>
                                <td style="vertical-align: text-top; width: 99%; white-space: nowrap; padding: 5px;">
                                    <input type="text" style="width: 100px;" id="txtCountJJ" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="clear">
                </div>
                <div style="position: relative; width: 100%; margin: 0.7em 0;">
                    <div class="ui-widget-header ui-corner-all" style="width: 25%; float: left; padding: 0.7em;">
                        <b>通知方式：</b></div>
                    <div class="ui-corner-all" style="width: 25%; float: right; padding: 0.7em;">
                        <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                        选择：<br />
                        <b>自动方式</b>，由系统自动拨号通知随机抽取的评标专家；
                        <br />
                        <b>手动方式</b>，由工作人员手工拨打随机抽取的评标专家联系电话，确定专家是否参加评标；
                        <br />
                        <div id="msg">
                        </div>
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="margin-left: 28%; margin-right: 28%;
                        top: 0px; padding: 0.7em;">
                        <input type="radio" name="noticeOption" id="extracOption_A" value="A" />
                        <label for="extracOption_A" style="color: Lime;">
                            自动</label>；
                        <input type="radio" name="noticeOption" id="extracOption_M" value="M" checked="checked" />
                        <label for="extracOption_M" style="color: Red;">
                            手动</label>；
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <h3>
                <a href="#">备选专家列表</a></h3>
            <div>
                <div style="position: relative; width: 100%; margin: 0.7em 0;">
                    <div class="ui-widget-header ui-corner-all" style="width: 25%; float: left; padding: 0.7em;">
                        备选专家操作：</div>
                    <div class="ui-corner-all" style="margin-left: 28%; padding: 0.7em;">
                        <a href="javascript:getExperts();"><span class="ui-icon ui-icon-search" style="float: left;
                            margin-right: .3em;"></span>点击查询获取备选专家列表；</a>
                    </div>
                    <div class="clear" style="height: 10px;">
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="width: 48%; float: left; padding: 0.7em;">
                        <div class="ui-widget-header ui-corner-all" style="padding: 0.7em;">
                            <span style="font-size: 1.5em; margin-left: 20px;">专业</span>专家备选列表</div>
                        <div class="ui-corner-all">
                            <div style="height: 180px; overflow: scroll;" id="expertBXZY">
                            </div>
                        </div>
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="margin-left: 52%; padding: 0.7em;">
                        <div class="ui-widget-header ui-corner-all" style="padding: 0.7em;">
                            <span style="font-size: 1.5em; margin-left: 20px;">经济</span>专家抽取选项
                        </div>
                        <div class="ui-corner-all">
                            <div style="height: 180px; overflow: scroll;" id="expertBXJJ">
                            </div>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <h3>
                <a href="#">专家抽取操作</a></h3>
            <div>
                <div style="position: relative; width: 100%; margin: 0.7em 0;">
                    <div class="ui-widget-header ui-corner-all" style="width: 15%; float: left; padding: 0.7em;">
                        <b>抽取：</b></div>
                    <div class="ui-corner-all" style="width: 25%; float: right; padding: 0.7em;">
                        <div>
                            设置抽取类型，点击按钮进行抽取；</div>
                    </div>
                    <div class="ui-widget-content ui-corner-all" style="margin-left: 18%; margin-right: 28%;
                        padding: 0.7em;">
                        <input type="radio" checked="checked" name="doOption" id="extracdoOption_ZY" value="ZY" />
                        <label for="extracdoOption_ZY">
                            抽取专业类专家；</label>
                        <input type="radio" name="doOption" id="extracdoOption_JJ" value="JJ" />
                        <label for="extracdoOption_JJ">
                            抽取专业类专家；</label>
                    </div>
                    <div class="clear" style="height: 10px;">
                    </div>
                    <div class="ui-widget-header ui-corner-all" style="width: 15%; float: left; padding: 0.7em;">
                        <b>操作：</b></div>
                    <div class="ui-corner-all" style="width: 45%; float: right; padding: 0.7em;">
                        <div style="padding: 5px;">
                            <span style="font-size: 1.5em; color: Red;">选中的专家</span>
                        </div>
                        <div style="padding: 5px;">
                            <span style="color: #aaa;">选中专家的电话；工作单位；职称；专业；</span>
                        </div>
                        <div style="padding: 5px;">
                            结果：<input type="checkbox" name="selectedExpert" id="selectedExpert" value="" checked="checked" />
                            <label for="selectedExpert">
                                参与评标</label><br />
                            描述：<textarea cols="5" rows="4"></textarea>
                        </div>
                        <div style="padding: 5px; text-align:center;">
                            <a href="javascript:getExperts();" class="btn"><span class="ui-icon ui-icon-search"
                                style="float: left; margin-right: .3em;"></span>保存当前抽取结果</a></div>
                    </div>
                    <div  class="ui-widget-content ui-corner-all" style="margin-left: 18%; margin-right: 48%;
                        padding: 0.7em;">
                        <div style="text-align:center;">
                            <a href="javascript:extract();" class="btn" id="doExtract"><span class="ui-icon ui-icon-play"
                                style="float: left; margin-right: .3em;" id="doExtractIcon"></span><span id="doExtractCaption">
                                    开始</span></a></div>
                        <div style="height:100px; text-align:center;">
                            <label id="expertBXLB" style="font-size: 6em; white-space: nowrap;">
                            </label>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div>
            <h3>
                <a href="#">结果列表</a></h3>
            <div>
                <ul>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                    <li style="padding: 5px;"><span style="float: left; margin-right: .3em;">专家1：电话；单位；职称；专业；</span><span><a
                        href="#"><span class="ui-icon ui-icon-trash" style="float: left;"></span>删除</a></span></li>
                </ul>
            </div>
        </div>
    </div>
}
<div id="thisPageMsg" title="消息提示">
</div>
